{extend name="base_user" /}
{block name="header_top"}
{include file="header-top" /}
{/block}
{block name="header"}
<style>
    .help-sidebar {
        width: 220px;
    }
    .help-container {
        /*background-color: #f0f2f5;*/
        padding:0 !important;
        width: calc(100% - 230px);
    }
</style>
{/block}
{block name="body"}
<div class="width-out clearfix">
    <div class="help-sidebar">
        {include file="user_left" /}
    </div>

    <div class="help-container">
        <div class="avue-main">
            <div id="avue-view" style="height: 100%; overflow: hidden auto;">
                <div class="bindA avue-view">
                    <div class="bindA-top"><img src="__IMAGES__/account1.a1c2ebef.png" alt=""></div>
                    <div class="bindA-center">
                        <div class="center_one">
                            <div class="one-left"><i class="iconfont iconshouji1" style="font-size: 35px; color: rgb(64, 158, 255);"></i></div>
                            <div class="one-center"><p>绑定手机号</p>
                                <p>若已丢失或停用，请立即更换，避免账号被盗</p></div>
                            <div class="one-right">
                                {eq name="$user_info.phone" value=""}
                                <button type="button" class="el-button el-button--text"><span>绑定手机号</span></button>
                                {else}
                                <button type="button" class="el-button el-button--text"><span>解绑手机号</span></button>
                                {/eq}
                            </div>
                        </div>
                        <div class="center_one">
                            <div class="one-left"><i class="iconfont iconweixin1" style="font-size: 35px; color: rgb(64, 158, 255);"></i></div>
                            <div class="one-center"><p>微信解绑</p>
                                <p>若已丢失或停用，请立即更换，避免账号被盗</p></div>
                            <div class="one-right">
                                {eq name="$user_info.openid" value=""}
                                <button type="button" class="el-button el-button--text"><span>绑定微信</span></button>
                                {else}
                                <button type="button" class="el-button el-button--text"><span>解绑微信</span></button>
                                {/eq}
                            </div>
                        </div>
                    </div>
                    <div class="bindA-bottom"><img src="__IMAGES__/account2.f9b87982.png" alt=""><img
                            src="__IMAGES__/account3.bdc95441.png" alt=""><img src="__IMAGES__/account4.2b95697e.png" alt=""></div>
                    <div class="el-dialog__wrapper dialog phoneOpen one" style="display: none;">
                        <div role="dialog" aria-modal="true" aria-label="安全验证" class="el-dialog"
                             style="margin-top: 15vh;">
                            <div class="el-dialog__header"><span class="el-dialog__title">安全验证</span>
                                <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
                                        class="el-dialog__close el-icon el-icon-close"></i></button>
                            </div><!----><!----></div>
                    </div>
                    <div class="el-dialog__wrapper dialog phoneOpen qqCode one" style="display: none;">
                        <div role="dialog" aria-modal="true" aria-label="绑定微信" class="el-dialog el-dialog--center"
                             style="margin-top: 15vh;">
                            <div class="el-dialog__header"><span class="el-dialog__title">绑定微信</span>
                                <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
                                        class="el-dialog__close el-icon el-icon-close"></i></button>
                            </div><!----><!----></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}